<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link
	href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css"
	rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../d3part/css/water.css">
<link rel="stylesheet" type="text/css" href="./css/parent.css">
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script
	src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../d3part/d3/d3.min.js"></script>
<script type="text/javascript" src="../d3part/js/water.js"></script>
<script src="js/checklogin.js"></script>
<style>
.liquidFillGaugeText {
	font-family: Helvetica;
	font-weight: bold;
}

.bg_1 {
	background-image: url(image/parent/bg.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.pstyle {
	font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
	font-size: 30px;
}
</style>
</head>
<body onload="haslogin()">
	<div class="container bg_1">
		<div class="row">
			<div class="col-md-12" id="topDiv" style="text-align: right;padding-top: 7px;">
				<a href="../arithmetic/logout.jsp" style="color:orange; font-size:30px">注销</a>
				<!-- <img src="./image/vis/top.png" width="100%" /> -->
			</div>
		</div>
		<div class="row">
			<div class="col-md-3" id="list">
				<p>&nbsp;</p>
				<p class="pstyle">我</p>
				<p class="pstyle">的</p>
				<p class="pstyle">宝</p>
				<p class="pstyle">贝</p>
				<p class="pstyle">成</p>
				<p class="pstyle">绩</p>
				<p>&nbsp;</p>
			</div>
			<div class="col-md-3" id="water">
				<span class="spanTitle">成绩合格率</span>
				<svg id="fillgauge" width="100%" height="200" onclick=""></svg>
			</div>
			<div class="col-md-6" id="linechart">
				<span class="spanTitle">最近10次成绩统计图</span>
				<!-- <button onClick="javascript:update();">刷新数据</button> -->
			</div>
		</div>
		<div style="margin-top:500px"></div>
	</div>
	<script language="JavaScript">
		var config = liquidFillGaugeDefaultSettings();
		config.circleColor = "#D4AB6A";
		config.textColor = "#553300";
		config.waveTextColor = "#805615";
		config.waveColor = "#AA7D39";
		config.circleThickness = 0.1;
		config.circleFillGap = 0.2;
		config.textVertPosition = 0.8;
		config.waveAnimateTime = 2000;
		config.waveHeight = 0.3;
		config.waveCount = 1;
		var gauge3 = loadLiquidFillGauge("fillgauge", 50, config);

		function NewValue() {
			if (Math.random() > .5) {
				return Math.round(Math.random() * 100);
			} else {
				return (Math.random() * 100).toFixed(1);
			}
		}
	</script>
	<script type="text/javascript">
		//产生随机数据
		function getData() {
			var dataSet = {};
			var dataNum = 10;
			dataset = [];
			xMarks = [];
			for (var i = 0; i < dataNum; i++) {
				dataset.push(0);
				xMarks.push(i + 1);
			}
			dataSet.dataset = dataset;
			dataSet.xMarks = xMarks;
			return dataSet;
		}
		var dataSet = getData();
	</script>
	<script type="text/javascript" src="../d3part/js/linechart.js"></script>
	<script type="text/javascript">
		drawLineChart(getData());
		function update(scoreList, percent) {
			gauge3.update(percent);
			drawChart(scoreList);
		}
	</script>
	<script type="text/javascript" src="./js/parent.js"></script>
</body>
</html>